---
layout : doc
title : Transitions in Phoenix
permalink: docs\Transitions.html
---

To enable transitions you have to specify to the PhoenixHostBuilder that you want a different frame, that is done in your App.xaml.cs, in the ConfigurePhoenixHostBuilder(hostBuilder) method simply put this code:

        protected override void ConfigurePhoenixHostBuilder(IPhoenixHostBuilder hostBuilder)
        {
            hostBuilder
                .SetNavigationFrameFactory(() => new TransitionNavigationFrame());
        }

This is the same for WPF and WP7.

## WPF
WPF transitions in Phoenix are provided by [Transitionals](http://transitionals.codeplex.com/), and it is pretty easy to make use of them. Phoenix introduces a TransitionService much like windows phone does (and I have modelled the syntax to be quite close, so it is easy to go between the syntaxes). Transitions are included in the **base** package for WPF.

    <TransitionService.NavigateForwardTransition>
        <FadeTransition />
    </TransitionService.NavigateForwardTransition>
    <TransitionService.NavigateBackTransition>
        <SlideTransition />
    </TransitionService.NavigateBackTransition>

Unlike WP7, WPF has a single transition between views, WP7 has an in and an out transition, which is because of the navigation service implementation in WP7. 

## WP7

Although Phoenix **could** get away from specifying in and out transitions, it is too much work, and it is easier to just adopt the work that Microsoft has put into their transitions in the Silverlight Toolkit.

If you install 

    PM> Install-Package Phoenix.Extensions.Transitions
    
You will get transition support, using the transitions from the Silverlight for Windows Phone toolkit.

Read more about WP7 transitions at:
[http://blogs.msdn.com/b/wfaught/archive/2010/11/15/transitions.aspx](http://blogs.msdn.com/b/wfaught/archive/2010/11/15/transitions.aspx)
[http://www.windowsphonegeek.com/articles/Windows-Phone-7-Navigation-Transitions-Step-By-Step-guide](http://www.windowsphonegeek.com/articles/Windows-Phone-7-Navigation-Transitions-Step-By-Step-guide)